<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN" manifest="/misc/wei_cache_new.manifest">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" type="text/css" href="${ctxStatic }/shopping/singlePage/NewsMuBan/css/list.css" />
<script src="${ctxStatic}/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/member/themes/default/indexSeckill3.js" type="text/javascript"></script>
<title>秒杀列表</title>
<script type="text/javascript">

function onsubmit(sid){
	$("#form"+sid).onsubmit();
}


function tips_pop(str){
	
	$(".login_form").html(str);
	
	  var MsgPop=document.getElementById("winpop");
	  var popH=parseInt(MsgPop.style.height);//将对象的高度转化为数字
	   if (popH==0){
	   MsgPop.style.display="block";//显示隐藏的窗口
	  show=setInterval("changeH('up')",2);
	   }
	  else { 
	   hide=setInterval("changeH('down')",2);
	  }
	}
	function changeH(str) {
	 var MsgPop=document.getElementById("winpop");
	 var popH=parseInt(MsgPop.style.height);
	 if(str=="up"){
	  if (popH<=100){
	  MsgPop.style.height=(popH+220).toString()+"px";
	  }
	  else{  
	  clearInterval(show);
	  }
	 }
	 if(str=="down"){ 
	  if (popH>=4){  
	  MsgPop.style.height=(popH-220).toString()+"px";
	  }
	  else{ 
	  clearInterval(hide);   
	  MsgPop.style.display="none";  //隐藏DIV
	  }
	 }
	}
	window.onload=function(){//加载
	document.getElementById('winpop').style.height='0px';

	}


</script>


</head>
<style>
.alert-warning {
    background-color: #FFF001;
    border-color: #faebcc;
    color: #8a6d3b;
    margin-left:5px;
    margin-right:5px;
    margin-top:8px;
    font-size:12px;
}
.alert {
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}
</style>
<body>
<c:forEach items="${map }" var="seckillMap" >
<div class="xianl"  style="margin-left:23%;" >
    <div class=""><div class="jrfl"></div><div class="jrz">${seckillMap[0].user.name }</div><div class="jrfr"></div></div>
    </div>
		<div class="banner">
		    <ul class="product"> 
		    	<c:forEach items="${seckillMap }" var="seckill" >
		    	<form id="form${seckill.id }" action="${ctxFront}/member/doseckill" name="form${seckill.id }" method="POST">
						<input type="hidden" name="sid" id="sid${seckill.id }" value="${seckill.id }" />
						<input	type="hidden" name="style" value="${style}"/>
						<input	type="hidden" name="flag" value="1"/>
						<input type="hidden" name="price" id="price${seckill.id }" value="${seckill.price }" />
						<input type="hidden" name="wechatId" id="member${wechatId }" value="${wechatId }" />
						<input name="seckill.id" type="hidden"   id="seckill${wechatId }" value="${seckill.id }" /> 
						<input type="hidden" name="uid" id="uid${wechatId }" value="${uid }" />
						<input type="hidden" id="surplus101${seckill.id }" name="surplus101${seckill.id }" value="${seckill.amount }">
						<input type="hidden" id="nowDate" name="nowDate" value="${nowDate }"> 
						<input	type="hidden" id="begin_time" value='<fmt:formatDate value="${seckill.startTime}" pattern="yyyy-MM-dd HH:mm:ss"/>'>
						<input type="hidden" id="nextbegin_time" name="nextbegin_time" value="2013-09-17 11:30:00"> 
						<input type="hidden" id="end_time" name="end_time" value='<fmt:formatDate value="${seckill.endTime}" pattern="yyyy-MM-dd HH:mm:ss"/>'>
						
		  			 <li style="margin-bottom:20px;"  > 
				          <div class="inner"  style="padding:0px;" >
				          				          <img src="${ctxUser }/seckill/${seckill.picPath }"  onerror="this.src='${ctxStatic}/images/zanwutupian.jpg'">
				         
				          <div class="daoji" onclick="tips_pop('${seckill.user.descriptionByShopping }')"  >商家详情</div>
				           <div class="daoji1"   id="showxmtime${ seckill.id}"   onclick="tips_pop('${seckill.remarks }')"  >活动开始</div>
				          </div>
				        <div style="width:100%;clear:both;padding-top:2px;">
				         <span class="bt">${fn:substring(seckill.name, 0, 9)}</span> 
				         <p  id="showxmtime${ seckill.id}" class="cont" style="min-height:30px;font-size:12px;"  >${seckill.remarks }</p>
				          <p  class="price" style="width:40%;" ><span class="smart">价格：${seckill.price }元  &nbsp&nbsp仅${seckill.amount }个</span></p> 
				          	<button type="submit" class="buy" id="miaoshabutton${ seckill.id}"  disabled="disabled"  name="miaoshabutton" <c:if test="${member.score lt config.minScore }">style="display:none" </c:if>  >${seckill.price }元秒杀</button>
				         </div>
			      </li>
			      </form>
		    	</c:forEach>
		    </ul>
		</div>

</c:forEach>
<!-- 
<div class="banner">
  <input name="" type="button" value="查看全部商品" class="allbtn">
</div>
 -->
</body>
</html>



<style>

#winpop { width:80%; height:0px; position:fixed; right:10%; top:24%; background:#fc6000;border-radius:15px; margin:0; padding-top:10px;overflow:hidden; display:none;_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
#winpop .title { width:100%; height:22px; line-height:20px; padding-left:2%;padding-right:2%;padding-top:10px;padding-bottom:10px;font-weight:bold;  font-size:16px;color:#fff}
#winpop .con { width:96%; font-size:12px; color:#fff; text-decoration:none;padding-left:2%;padding-right:2%;line-height:20px;}
#silu { font-size:12px; color:#fff; position:absolute; right:0; text-align:right; text-decoration:underline; line-height:22px;}
.close { position:absolute; right:10px; top:15px; color:#ff0; cursor:pointer;height:20px;width:20px;}
.daoji{ background:red;color:#fff;font-size:12px;font-weight:bold; position:absolute;width:26%;top:5px;right:0px;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.7;height:20px;padding-top:3px;text-align:center}


.daoji1{ background:red;color:#fff;font-size:12px;font-weight:bold; position:absolute;width:100%;top:135px;right:0px;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.8;height:16px;padding-top:3px;text-align:center}


</style>
<div id="winpop" >
 <div class="title">商家信息<span class="close"     onclick="tips_pop()">X</span></div>
 <div class="con" >
 <form id="loginForm"   action="${ctxMember}/login" method="post">
	        <div class="login_form">
	       
	            <div class="uinArea">
	               姓名: <input type="text" id="username" name="username" class=" inputstyle" value="${member.name}" >
	            </div>
	            <div class="uinArea">
	               手机:  <input type="text" id="mobile" name="mobile" class="inputstyle" />
	            </div>
	            <div class="uinArea" style="clear:both;margin-left:80px;">
	               <div class="btn_wrap">
	                 <input name="" class="btn btn_cart" onclick="submitTry()" value="申   请"  type="button"  style="margin-bottom:10px;border:none"  />
	               </div>
	            </div>     
	        </div>              
	   </form>
</div>
</div>



